<template>
    <div id="shop_page">


        <div class="view_box" v-if="$store.state.shop_footer_status.show_shop_page=='home'">
            <Home></Home>
        </div>

        <div class="view_box" v-if="$store.state.shop_footer_status.show_shop_page=='class'">
            <Class></Class>
        </div>
        <div class="view_box" v-if="$store.state.shop_footer_status.show_shop_page=='car'">
            <BuyCar></BuyCar>
        </div>

        <div class="view_box" v-if="$store.state.shop_footer_status.show_shop_page=='list'">
            <ShopList></ShopList>
        </div>

        <div class="view_box" v-if="$store.state.shop_footer_status.show_shop_page=='list'">
            <ShopList></ShopList>
        </div>

        <div class="view_box" v-if="$store.state.shop_footer_status.show_shop_page=='my'">
            <myPage></myPage>
        </div>

       
        <!--<div class="mui-btn" style="position:fixed;top:40%;" @tap="test_login">登陆</div>-->
  <!-- 底部菜单 -->

          <ShopFooter></ShopFooter>
    </div>
</template>
<script>
import ShopFooter from '../../components/ShopFooter';
import Home from './Home2'
import Class from './Class2'
import ShopList from './ShopList'
import BuyCar from './BuyCar'
import myPage from "../my/my"
export default {
    name:'shop_page',
    data(){
        return {
            view_name:'home',
        }
    },
    methods:{
        test_login(){
            this.$store.commit("open_account_view",true)
        },

    },
    components:{
        ShopFooter,
        Home,
        Class,
        ShopList,
        BuyCar,
        myPage
    }
}
</script>

<style lang="less" scoped>
.view_box{
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
}
</style>

